<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link rel='stylesheet' href="styles.css" type='text/css'>
</head>

<body>

<span class="logo">
	<img src="logo8.png" />
</span>

<div class="conteneur_general">
  <div class="bloc_recherche_dark rounded7">
    Les modèles numériques utilisés par les chercheurs ont identifié, dans la région septentrionale de Tharsis, la signature d'un cratère elliptique de 10500 km sur 8500 km. Celui-ci aurait été formé il y a 4 milliards d'années environ – à une époque où un impact semblable sur Terre a pu contribuer à former la Lune. C'est le plus grand cratère d'impact jamais observé dans le système solaire. Selon la modélisation de l'une des trois équipes, l'angle d'incidence a été compris entre 300 C et 6o C, pour une vitesse d'impact située entre 6 km/s et 10 km/s.
      <br><br>
    <div class=clear>
      <a class=blackbutton onclick=this.blur(); href="#"><span>Test bouton</span></a>
    </div>
  </div>

  <div class="coche_blanc"></div>
  <div class="bloc_contenu rounded7">  
    <h1>Files</h1>
    <div class="encart">
      <h2>Un genre de chapeau, un truc super important à mettre en valeur...</h2>
      <h3>Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque, molestie sed, tempus eu,nc. Pelle<br />ntesque luctus, convallis at, metus. Nullam lectus mi, consectetuer quis, pellentesque vitae, . Pellentesque tempus sit amet, ante. Pellentesque amet,conadipscingelit.sectetueradipis ngelit.adipiscing elit. Donec vitae leo. Integer Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque, molestie sed, tempus eu,nc. Pelle<br />ntesque luctus, convallis at, metus. Nullam lectus mi.</h3>
    </div>
    <div class="separ"></div>
    
    <div class="content_block">
            &nbsp;
            <div class="titre_cadre">Un autre article super bien
              <div class="info_cadre">Info sur le contenu</div>
                <div class=clear>
                  <a class=button onclick=this.blur(); href="#"><span>Test bouton</span></a>
                </div>
            </div>
            
            <div class="texte_cadre">Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque, molestie sed, tempus eu,nc. Pelle<br />ntesque luctus, convallis at, metus. Nullam lectus mi, consectetuer quis, pellentesque vitae, . Pellentesque tempus sit amet, ante. Pellentesque<br /><br />amet,conadipscingelit.sectetueradipis ngelit.adipiscing elit. Donec vitae leo. Integer<br />Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque, molestie sed, tempus eu,nc. Pelle<br />ntesque luctus, convallis at, metus. Nullam lectus mi, consectetuer quis, pellentesque vitae, . Pellentesque tempus sit amet, ante. Pellentesqueamet,conadipscingelit.sectetueradipis ngelit.adipiscing elit. Donec vitae leo. Integer<br />Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque, molestie sed, tempus eu,nc. Pelle<br />ntesque luctus, convallis at, metus. Nullam lectus mi, consectetuer quis, pellentesque vitae, . Pellentesque tempus sit amet, ante. Pellentesque</div>
     </div>
     
    <div class="separ"></div>
    <h1>Photos</h1>
    <div class="separ"></div>
    
    <div class="content_block">
            &nbsp;
            <div class="titre_cadre">Un autre article super bien
              <div class="info_cadre">Info sur le contenu</div>
            </div>
            
            <div class="texte_cadre">Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque, molestie sed, tempus eu,nc. Pelle<br />ntesque luctus, convallis at, metus. Nullam lectus mi, consectetuer quis, pellentesque vitae, . Pellentesque tempus sit amet, ante. Pellentesque<br /><br />amet,conadipscingelit.sectetueradipis ngelit.adipiscing elit. Donec vitae leo. Integer<br />Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque, molestie sed, tempus eu,nc. Pelle<br />ntesque luctus, convallis at, metus. Nullam lectus mi, consectetuer quis, pellentesque vitae, . Pellentesque tempus sit amet, ante. Pellentesqueamet,conadipscingelit.sectetueradipis ngelit.adipiscing elit. Donec vitae leo. Integer<br />Phasellus dui lectus, . Pellentesque molestiepellensque quisPellentesque, molestie sed, tempus eu,nc. Pelle<br />ntesque luctus, convallis at, metus. Nullam lectus mi, consectetuer quis, pellentesque vitae, . Pellentesque tempus sit amet, ante. Pellentesque</div>
     </div>    
  </div>   
</div>

<div class="conteneur_droite roundedR7">
  Les modèles numériques utilisés par les chercheurs ont identifié, dans la région septentrionale de Tharsis, la signature d'un cratère elliptique de 10500 km sur 8500 km. Celui-ci aurait été formé il y a 4 milliards d'années environ – à une époque où un impact semblable sur Terre a pu contribuer à former la Lune. C'est le plus grand cratère d'impact jamais observé dans le système solaire. Selon la modélisation de l'une des trois équipes, l'angle d'incidence a été compris entre 300 C et 6o C, pour une vitesse d'impact située entre 6 km/s et 10 km/s.
  <br><br>
  <div class=clear>
    <a class=blackbutton onclick=this.blur(); href="#"><span>Test bouton</span></a>
  </div>
  <br><br>
</div>

<script type="text/javascript" src="../../bibliotheques/jquery-1.2.2.pack.js"></script>
<script type="text/JavaScript" src="../../bibliotheques/jquery.curvycorners.packed.js"></script>
<script type="text/javascript">

$(document).ready(function() {
  
  var rounded7 = { 
    tl: { radius: 7 },
    tr: { radius: 7 },
    bl: { radius: 7 },
    br: { radius: 7 },
    antiAlias: true,
    autoPad: false};
    
 var roundedR7 = { 
    tl: false,
    tr: { radius: 7 },
    bl: false,
    br: { radius: 7 },
    antiAlias: true,
    autoPad: true}; 
    
 var rounded4 = { 
    tl: { radius: 4 },
    tr: { radius: 4 },
    bl: { radius: 4 },
    br: { radius: 4 },
    antiAlias: true,
    autoPad: false};
    
 var roundedR4 = { 
    tl: false,
    tr: { radius: 4 },
    bl: false,
    br: { radius: 4 },
    antiAlias: true,
    autoPad: true};   
  
  var rounded10 = { 
    tl: { radius: 10 },
    tr: { radius: 10 },
    bl: { radius: 10 },
    br: { radius: 10 },
    antiAlias: true,
    autoPad: false};
    
 var roundedR10 = { 
    tl: false,
    tr: { radius: 10 },
    bl: false,
    br: { radius: 10 },
    antiAlias: true,
    autoPad: true}; 

  $(".rounded4").corner(rounded4);
  $(".rounded7").corner(rounded7);
  $(".roundedR7").corner(roundedR7);
  $(".rounded10").corner(rounded10);
  $(".roundedR10").corner(roundedR10);
  $(".roundedR4").corner(roundedR4);
  
});

</script>

</body>
</html>
